<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>评论列表</title>
    <link rel="stylesheet" href="./libs/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/iconfont.css">
    <link rel="stylesheet" href="./css/main.css">
    <link rel="stylesheet" href="./libs/layui/css/modules/layer/default/layer.css">
    <link rel="stylesheet" href="./libs/layui/css/layui.css">

</head>

<body>
    <div class="container-fluid">
        <div class="common_title">
            评论列表
        </div>
        <div class="container-fluid common_con">
            <table class="table table-striped table-bordered table-hover mp20">
                <thead>
                    <tr>
                        <th style="width:7%">作者</th>
                        <th style="width:25%">评论</th>
                        <th style="width:25%">评论在</th>
                        <th style="width:15%">提交于</th>
                        <th style="width:6%">状态</th>
                        <th class="text-center" style="width:12%">操作</th>
                    </tr>
                </thead>
                <tbody>
                    <tr class="danger">
                        <td>武秀英</td>
                        <td>外影广条同取水权科速工与。矿身面却属次养导务作者用品油调。高石期品极放存斗一号口消别共去。</td>
                        <td>《世界，你好》</td>
                        <td>1970-03-15 11:31:50</td>
                        <td>已拒绝</td>
                        <td class="text-center">
                            <a href="javascript:void(0);;" class="btn btn-danger btn-xs">删除</a>
                        </td>
                    </tr>

                </tbody>
            </table>
            <div id="pager" class="row text-center"></div>
        </div>
    </div>

    <script id="art_comment" type="text/html">
        {{each data}} {{if $value.state ==='已拒绝'}}
        <tr class="danger">
            {{else}}
            <tr>
                {{/if}}
                <td>{{$value.author}}</td>
                <td>{{$value.content}}</td>
                <td>{{$value.title}}</td>
                <td>{{$value.date}}</td>
                <td>{{$value.state}}</td>
                <td class="text-center">
                    {{if $value.state === '待审核'}}
                    <a href="javascript:void(0);" class="btn btn-success btn-xs btnAccept">批准</a>
                    <a href="javascript:void(0);" class="btn btn-warning btn-xs btnReject">拒绝</a> {{else if $value.state === '已通过'}}
                    <a href="javascript:void(0);" class="btn btn-warning btn-xs btnReject">拒绝</a> {{else}}
                    <a href="javascript:void(0);" class="btn btn-success btn-xs btnAccept">批准</a> {{/if}}
                    <a href="javascript:void(0);" class="btn btn-danger btn-xs btnDelete">删除</a>
                </td>
            </tr>
            {{/each}}
    </script>

    <script src="./libs/jquery/jquery.min.js"></script>
    <script src="./libs/art-template/template-web.js"></script>
    <script src="./libs/layui/layui.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/commen_tlist.js"></script>
</body>

</html>